<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>emmet
    </title>
    <style>
        .one {
            text-align: center;
            text-decoration: none;

        }
    </style>
</head>

<body>
    <!-- 使用tab键就可以快速生成 -->
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <!-- 使用.加上类型名字 -->
    <div class="moment"></div>
    <!-- 使用#加上id名字 -->
    <div id="mo"></div>

    <!-- 在默认的条件下.是使用在div中的，但是也可以在标签名之后加.来实现在其他标签后面加类型 -->
    <p class="mo"></p>

    <!-- 父子级别的标签使用a>b的形式，箭头> -->
    <ul>
        <li></li>
    </ul>
    <!-- 兄弟级的标签，使用+ -->
    <div></div>
    <a href=""></a>

    <!-- 按照序号排序的使用$符号来使用 -->
    <!-- .domo$*5 -->
    <div class="demo1"></div>
    <div class="demo2"></div>
    <div class="demo3"></div>
    <div class="demo4"></div>
    <div class="demo5"></div>

    <!-- 如果在标签里面想要写上内容，使用{}符号，在里面写什么生成什么 -->
    <div></div>
    <div>使用{}符号</div>
    <!-- div{$}*5  -->
    <div>1</div>
    <div>2</div>
    <div>3</div>
    <div>4</div>
    <div>5</div>
</body>

</html>